<template>
    <el-dialog :model-value="modelValue > 0" 
    :close-on-click-modal="false" 
    center 
    width="200px" 
    custom-class="my-dialog"
    :show-close="false">
        <div style="width: 150px;margin:auto;text-align:center">
            <el-progress type="dashboard" :percentage="modelValue"></el-progress>
            <p style="padding: 5px 0px;">{{title}}</p>
        </div>
    </el-dialog>
</template>

<script setup lang="ts">
    import {defineProps} from "vue";

    let props = defineProps({
        modelValue: {
            type: Number,
            required: true,
            default: 0
        },
        title: {
            type: String,
            default: "正在上传"
        }
    })

</script>

<style>
</style>